<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>龙蛙</title>
    <meta name="keywords" content="龙蛙商城">
    <meta name="description" content="龙蛙商城">

    <link rel="shortcut icon" href="/favicon.ico">
    <link href="/web/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="/web/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="/web/css/animate.min.css" rel="stylesheet">
    <link href="/web/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link href="/web/css/plugins/toastr/toastr.min.css" rel="stylesheet">
    <link href="/web/css/plugins/colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">二维码编辑</a>
        </div>
    </div>
</nav>
<form class="form-horizontal" role="form" id="myForm">
    <div class="form-group">
        <div class="col-sm-3">
            <div class="input-group">
                <input type="text" id="textUrl" class="form-control">
                <span class="input-group-btn">
                        <button id="createQr" class="btn btn-default" type="button">生成二维码</button>
                    </span>
            </div>
            <br/>
            <div class="text-center">
                <span class="add-on">二维码颜色</span>
                <div class="input-append qrColor" data-color="rgb(255, 146, 180)" data-color-format="rgb">
                    <input type="hidden" class="span2" value="">
                    <span class="add-on"><i style="background-color: rgb(255, 146, 180)"></i></span>
                </div>
            </div>
            <br/>
            <div class="text-center">
                <span class="add-on">二维码背景颜色</span>
                <div class="input-append qrContextColor" data-color="rgb(255, 146, 180)" data-color-format="rgb">
                    <input type="hidden" class="span2" value="">
                    <span class="add-on"><i style="background-color: rgb(255, 146, 180)"></i></span>
                </div>
            </div>
            <br/>
            <div class="input-group">
                <input type="text" id="text" class="form-control">
                <span class="input-group-btn">
                        <button id="textSubmit" class="btn btn-default" type="button">添加</button>
                    </span>
            </div>
            <br/>
            <div class="text-center">
                <span class="add-on">文字颜色</span>
                <div class="input-append textColor" data-color="rgb(255, 146, 180)" data-color-format="rgb">
                    <input type="hidden" class="span2" value="">
                    <span class="add-on"><i style="background-color: rgb(255, 146, 180)"></i></span>
                </div>
            </div>
            <br/>
            <div class="text-center">
                <span class="add-on">文字背景颜色</span>
                <div class="input-append textContextColor" data-color="rgb(255, 146, 180)" data-color-format="rgb">
                    <input type="hidden" class="span2" value="">
                    <span class="add-on"><i style="background-color: rgb(255, 146, 180)"></i></span>
                </div>
            </div>
            <!--<div class="text-center">-->
            <!--<select class="form-control" id="qrSelect">-->
                <!--<option value="">二维码大小</option>-->
                <!--<option value="100">100px</option>-->
                <!--<option value="200">200px</option>-->
                <!--<option value="300">300px</option>-->
                <!--<option value="400">400px</option>-->
                <!--<option value="500">500px</option>-->
            <!--</select>-->
            <!--</div>-->
        </div>
        <div class="col-sm-1"></div>
        <div class="col-sm-8">
            <div class="text-center">
                <div id="qrcode"></div>
            </div>
        </div>
    </div>
</form>
<script src="/web/js/jquery.min.js?v=2.1.4"></script>
<script src="/web/js/bootstrap.min.js?v=3.3.6"></script>
<script src="/web/js/content.min.js?v=1.0.0"></script>
<script src="/web/js/plugins/validate/jquery.validate.min.js"></script>
<script src="/web/js/plugins/validate/messages_zh.min.js"></script>
<script src="/web/js/plugins/toastr/toastr.min.js"></script>
<script src="/web/js/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<script src="/web/js/qrcode.js"></script>
<script src="/web/js/self/qr_url_create.js?v=1.0"></script>
</body>
</html>
